/* 
  学习目标：setState的第三种写法
  练习： 更新数据之后，立刻用最新的值修改DOM

  语法：setState({更新的键值对}, 数据更新后会执行的回调函数)
  作用：可以立马获取到更新后的数据
  
*/

import React from 'react';

export default class App extends React.Component {
  state = {
    count: 0,
  };

  handleClick = () => {
    // setState的第二参数，接受一个回调函数：数据更新后会执行的回调函数
    this.setState({ count: this.state.count + 1 }, () => {
      console.log('this.state.count  ----->  ', this.state.count);
      document.title = this.state.count;
    });
  };

  render() {
    return (
      <div>
        <h1>数量： {this.state.count}</h1>
        <button onClick={this.handleClick}>点我修改数量</button>
      </div>
    );
  }
}
